<!DOCTYPE html>
<html>
<head>
    <#include "../common.ftl">
</head>
<body class="childrenBody">
<form class="layui-form" style="width:80%;">

    <input name="id" type="hidden" value="${(user.id)!}"/>

    <div class="layui-form-item">
        <label class="layui-form-label">昵称</label>

        <div class="layui-input-block">
            <input class="layui-input nickname" lay-verify="required" name="nickname"/>
        </div>
    </div>


    <div class="layui-form-item">
        <label class="layui-form-label">性别</label>

        <div class="layui-input-block">
            <input type="radio" name="gender" value="1" lay-filter="gender" title="男"/>
            <div lay-radio>
                <span style="color: #00d3ff;">♂</span>
            </div>
            <input type="radio" name="gender" value="0" lay-filter="gender" title="女"/>
            <div lay-radio>
                <span style="color: #ff62fc;">♀</span>
            </div>
        </div>
    </div>


    <div class="layui-form-item">
        <label class="layui-form-label">出生年月</label>

        <div class="layui-input-block">
            <input class="layui-input birthday" lay-verify="required|date" name="birthday"/>
        </div>
    </div>


    <div class="layui-form-item layui-row layui-col-xs12">
        <label class="layui-form-label required">手机号</label>
        <div class="layui-input-block">
            <input type="text" class="layui-input mobile"
                   lay-verify="required" name="mobile" id="mobile" placeholder="请输入手机号">
        </div>
    </div>

<#--    <div class="layui-form-item">-->
<#--&lt;#&ndash;        <label class="layui-form-label required">手机号</label>&ndash;&gt;-->
<#--        <div class="layui-input-block">-->
<#--            <button type="button" class="layui-btn" id="uploadBtn">-->
<#--                <i class="layui-icon layui-icon-upload"></i> 上传头像-->
<#--            </button>-->
<#--        </div>-->
<#--    </div>-->

    <#-- 头像 -->
    <div class="layui-form-item">
                <label class="layui-form-label required">头像</label>
        <div style="width: 220px;">
            <div class="layui-upload-list" style="margin-left: 110px">
                <img class="layui-upload-img" id="userFace" style="width: 100%; height: 92px;">
                <div id="ID-upload-demo-text"></div>
            </div>
            <div class="layui-progress layui-progress-big" lay-showPercent="yes" lay-filter="filter-demo"  style="margin-left: 110px">
                <div class="layui-progress-bar" lay-percent=""></div>
            </div>
        </div>
    </div>

    <br/>
<#--    <div class="layui-form-item layui-row layui-col-xs12">-->
<#--        <div class="layui-input-block">-->
<#--            <button class="layui-btn layui-btn-lg" lay-submit=""-->
<#--                    lay-filter="updateInformationBtn">确认-->
<#--            </button>-->
<#--            <button class="layui-btn layui-btn-lg layui-btn-normal" id="closeBtn">取消</button>-->
<#--        </div>-->
<#--    </div>-->
</form>

<script type="text/javascript" src="${ctx}/js/user/personal_information.js"></script>
</body>
</html>
